﻿.loading:after {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    display: -webkit-inline-flex;
    display: inline-flex;
    content: attr(load-text);
    text-transform: uppercase;

    -moz-animation: loading alternate 2s linear infinite;
    -ms-animation: loading alternate 2s linear infinite;
    -o-animation: loading alternate 2s linear infinite;
    -webkit-animation: loading alternate 2s linear infinite;
    animation: loading alternate 2s linear infinite;

    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;

    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
.loading.lg:after { font-size: 100px; }

@-moz-keyframes loading {
    0% {
        background-color: rgba(35, 31, 32, 1);
        color: rgba(255, 255, 255, 1);
    }

    100% {
        background-color: rgba(35, 31, 32, 0);
        color: rgba(35, 31, 32, 1);
    }
}

@-ms-keyframes loading {
    0% {
        background-color: rgba(35, 31, 32, 1);
        color: rgba(255, 255, 255, 1);
    }

    100% {
        background-color: rgba(35, 31, 32, 0);
        color: rgba(35, 31, 32, 1);
    }
}

@-o-keyframes loading {
    0% {
        background-color: rgba(35, 31, 32, 1);
        color: rgba(255, 255, 255, 1);
    }

    100% {
        background-color: rgba(35, 31, 32, 0);
        color: rgba(35, 31, 32, 1);
    }
}

@-webkit-keyframes loading {
    0% {
        background-color: rgba(35, 31, 32, 1);
        color: rgba(255, 255, 255, 1);
    }

    100% {
        background-color: rgba(35, 31, 32, 0);
        color: rgba(35, 31, 32, 1);
    }
}

@keyframes loading {
    0% {
        background-color: rgba(35, 31, 32, 1);
        color: rgba(255, 255, 255, 1);
    }

    100% {
        background-color: rgba(35, 31, 32, 0);
        color: rgba(35, 31, 32, 1);
    }
}